<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>弹性盒练习</title>
    <style>
        * {
            padding: 0;
            margin: 0;

        }
        ul{
            list-style: none;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            background-color: #e8e8e8;
            justify-content: space-between;
            align-items: center;
            width: 700px;
            height: 600px;
            /*align-content: space-evenly;*/
        }
        .sever{
            background-color: #e8e8e8;
        }
        .center {
            background-color: #666666;
            width: 1300px;
            /*margin: 0 auto;*/



        }
        li{
            /*background-color: lightgreen;*/
            border: 3px solid green;
            width: 250px;
            /*margin: 50px 0;*/
            text-align: center;
            height: 100px;
        }
    </style>
</head>
<body>
    <div class="sever">
        <div class="center">
            <ul>
                <li>
                    <img src="img/icon1.png" >
                    <p>品质保障</p>
                </li>
                <li>
                    <img src="img/icon2.png" alt="图片2">
                    <p>私人定制</p>
                </li>
                <li>
                    <img src="img/icon3.png" alt="图片">
                    <p>学员特供</p>
                </li>
                <li>
                    <img src="img/icon4.png" alt="图4">
                    <p>专属特权</p>
                </li>
            </ul>
        </div>
    </div>

</body>
</html>